<template>
  <view class="page-default">
    <c-nav-bar title="致学生及家长的一封信" type="white" bg-color="rgba(255,255,255,0.6)" />
    <view>
      <view class="mt-6 text-center text-#265A63">
        <view class="relative z-10 text-base font-bold">
          西安旅游职业中等专业学校
        </view>
        <view class="mt-2">
          特殊体质调查表
        </view>
        <view class="relative">
          <u-image class="absolute right-8 -bottom-10" src="/static/images/book1.png" height="110" width="100" mode="aspectFill" />
        </view>
      </view>

      <view class="content bg-green-white relative z-10 m-4 mt-6 rounded-4 px-4 pb-8 pt-4 line-height-6">
        <view class="px-1 line-height-8">
          <view>
            尊敬的家长:
          </view>
          <view class="indent-7">
            <view>
              为确保我校各项活动的顺利推进与高效实施，学校致力于全面掌握学生的体质状况，旨在通过家校双方的紧密协作，共同培育好我们的孩子。为此，我校特开展学生特殊体质调查，恳请家长们给予充分的支持与配合。
            </view>
            <view> 1. 患有躯体及身心疾病或者需要特别注意的学生，学校根据特殊学生体质情况，将会限制或合理安排特殊学生参加相应的课内外活动及劳动，力求既保障学生的健康与安全，又兼顾其成长与发展的需求。</view>
            <view> 2.开学报名时，家长或监护人要认真填写《学生特殊体质调查表》，并将涉及学生特殊体质(含特殊心理状况)的详细纸质资料提交给班主任老师，同时附上相关医疗证明或专业评估报告。</view>
            <view> 3.以下各项信息请您务必保证所填写的内容真实有效：家长未如实上报或刻意隐瞒，由此造成的意外情况，责任自负。</view>
          </view>
        </view>
      </view>
    </view>
    <view class="mx-8">
      <view class="flex items-start">
        <up-checkbox-group>
          <u-checkbox
            shape="circle"
            active-color="#00E0AE"
            class="flex-shrink-0"
          />
        </up-checkbox-group>
        <text class="text-sm text-#C5C9D1 line-height-6">
          我已知晓<text class="text-#3AA69B">
            《特殊体质调查表》
          </text>的全部内容和要求。
        </text>
      </view>
    </view>
    <view class="mx-8 pb-2">
      <u-button size="default" shape="circle" class="gradient-button mb-8 mt-6" @click="goNextPage">
        <text class="text-base text-white">
          下一步
        </text>
      </u-button>
    </view>
  </view>
</template>

<script lang="ts" setup>
const goNextPage = () => {
  uni.$u.route({
    url: '/pages/biz/health/form',
  });
};
</script>

<style lang="scss" scoped>
  .page-default{
    width: 100%;
    min-height: 100vh;
    background: url('@/static/images/welcome/header-bg.png') no-repeat center top;
    background-size: 100% 50%;
  }
  .bg-green-white{
    background: linear-gradient(to bottom, rgba(255,255,255,0.8), #fff, #fff); /* 渐变色设置 */
  }
  :deep(.u-textarea--radius){
    border-radius: 8px;
  }
  :deep(.u-border){
    border-color: #E0E7EC !important
  }
  :deep(.u-image){
    background-color: transparent !important
  }
</style>
